﻿@page "/docs/components/repeater"

<Seo Canonical="/docs/components/repeater" Title="Blazorise Repeater system" Description="Learn to use and work with the Blazorise Repeater component, a helper component that repeats the child content for each element in a collection." />

<DocsPageTitle Path="Components/Repeater">
    Blazorise Repeater component
</DocsPageTitle>

<DocsPageLead>
    The repeater component is a helper component that repeats the child content for each element in a collection.
</DocsPageLead>

<DocsPageParagraph>
    One advantage over using traditional <Code>@@foreach</Code> loop is that repeater have a full support for
    <Code>INotifyCollectionChanged</Code>. Meaning you can do custom actions whenever a data-source changes.
</DocsPageParagraph>

<DocsPageSubtitle>
    Examples
</DocsPageSubtitle>

<DocsPageSection>
    <DocsPageSectionHeader Title="Basic">
    </DocsPageSectionHeader>
    <DocsPageSectionContent Outlined FullWidth>
        <BasicRepeaterExample />
    </DocsPageSectionContent>
    <DocsPageSectionSource Code="BasicRepeaterExample" />
</DocsPageSection>

<ComponentApiDocs ComponentTypes="[typeof(Repeater<>)]" />